<template>
  <div class="template-list-component">
    <a-row :gutter="16">
      <a-col :span="8" v-for="i in 10" :key="i">
        <a-card hoverable>
          <img
            src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
            alt="example"
          />
          <a-card-meta title="Card title" description="This is the description">
            <template #avatar>
              <a-avatar
                src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
              />
            </template>
          </a-card-meta>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "TemplateList",
  setup() {
    return {};
  },
});
</script>
<style lang="less" scoped>
</style>